<%@ taglib uri="http://jawr.net/tags" prefix="jwr" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; UTF-8">
	<title>Geosite GPS / AVL</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<jwr:script src="/bundles/LoadMessage.js"/>
    <script src="https://maps.google.com/maps/api/js?v=3&amp;sensor=false"></script>
    
    <jwr:style src="/bundles/all.css" />
    <jwr:script src="/bundles/all.js"/>
    
    <script>
    $(document).ready(function(){
		$("#anuncios ul li:even").addClass("left");
		$("#anuncios ul li:odd").addClass("right");
		$("#anuncios ul li:last").addClass("last");
		$("#anuncios ul li:last").prev().addClass("last");
    });
	</script>
	
	<script> 
	$(document).ready(function() {
	
	// Support for AJAX loaded modal window.
	// Focuses on first input textbox after it loads the window.
	$('[data-toggle="modal"]').click(function(e) {
		e.preventDefault();
		var url = $(this).attr('href');
		if (url.indexOf('#') == 0) {
			$(url).modal('open');
		} else {
			$.get(url, function(data) {
				$('<div class="modal hide fade">' + data + '</div>').modal();
			}).success(function() { $('input:text:visible:first').focus(); });
		}
	});
		
	});
 	</script>  
    
</head>
<body ng-app="aplicacao" id="ng-app" ng-controller="init">
	
		<div ng-include="'topo.jsp'"></div>
		
		<div class="centercolumn">
			<div class="bar-header">
				<div class="row">
					<div class="bar-span">
						<div class="bar-location">
							Rua Dr. Rocha ,1133, Centro, Pedro Leopoldo - MG
						</div>
						<div class="bar-food-type">
							Brasileira
						</div>
					</div>
					<div class="bar-span">
						<div class="bar-clock">Horário de funcionamento:</div>
						<div style="padding-left:20px;">Segunda a Quinta:17:00 - 00:00</div>
						<div style="padding-left:20px;">Sexta e Sábado: 17:00 - 01:00</div>
					</div>
					<div class="span3">
						<a class="btn btn-inverse" href="#">Pedro Leopoldo - Veja outros 15 restaurantes na cidade.</a>
					</div>
					
				</div>
				
				<br style="clear:both">
				<div class="bar-detail-2">teste</div>
				<br style="clear:both">
				<div class="bar-detail">
					<div style="float:left; width:620px;">
						<img  style=" border-radius: 4px 4px 4px 4px;" src="../resources/images/bar.png">
					</div>
					
					<div style="float:left; padding-left:10px;">
						<div id="mapcanvas"  style="width:305px;">
							<img style=" border-radius: 4px 4px 4px 4px; height:330px;" src="../resources/images/mapa.png">
						</div>
					</div>
					<br style="clear:both">
				  <div id="sombraintro" style="float:left; width:620px;"></div>
				  <br style="clear:both">
				  <hr class="hr">
				  
					<div class="row">
						<div class="bar-span">
							<div >
								<div >
									<h2 class="margin-top">Opções</h2>
									<ul class="l1">
										<li><a href="programacao.jsp" data-toggle="modal">Programação</a></li>
										<li><a href="cardapio.jsp" data-toggle="modal">Cardápio</a></li>
										<li><a href="promocao.jsp" data-toggle="modal">Promoções</a></li>
										<!--<li><a href="#">Area do cliente</a></li>-->								
									</ul>									
								</div>                   
							</div>
						</div>
						<div class="bar-span">
							<h2>Saiba mais</h2>
							<div>Possui um cardápio variado com pratos que agradam a todos os gostos, música ao vivo de Quinta a Sábado e eventos esporáÃ¡dicos como almoço no Dia das Mães e Domingo de Raiz. .</div>
						</div>
						<div class="bar-span">
							<h2 class="margin-top">Contato</h2>
							<!-- Microdata type of the address -->
							<div >
								<div>
									<div class="bar-location">Rua Dr. Rocha ,1133, Centro, Pedro Leopoldo - MG</div> 
								</div>
								<div class="bar-phone">(31)3661-1337</div>  
							</div>
							<div class="bar-arrow">                                                                 
								<a target="_blank" href="http://www.adelsobuffet.com.br/">www.adelsobuffet.com.br</a>                        
							</div>
						</div>
					</div>
				  
				  <hr class="hr">  
				  <a class="btn btn-inverse" href="/restaurantes/belo-horizonte"><i class="icon-chevron-left icon-white"></i> Voltar</a>
				  
				</div>
				<br style="clear:both">
				<div class="bar-detail">
					<div id="anuncios" >
						<h2>Parceiros</h2>
						<ul class="advertisers2">
							<li><a href="parceiro.jsp">Seja nosso parceiro</a></li>
							<li><a href="parceiro.jsp">Seja nosso parceiro</a></li>
							<li><a href="parceiro.jsp">Seja nosso parceiro</a></li>
							<li><a href="parceiro.jsp">Seja nosso parceiro</a></li>
							<li><a href="parceiro.jsp">Seja nosso parceiro</a></li>
							<li><a href="parceiro.jsp">Seja nosso parceiro</a></li>										
						</ul>
					</div>
				</div>
				
			</div>
		</div>
		
		<div ng-include="'footer.jsp'"></div>
		
	</body>
</html>
